<template>
  <el-container style="height: 100%; width: 100%">
    <Header />
    <el-main>
      <div class="banner">
        <img class="banner_bg" src="" alt />

        <div class="customer_banner_wrap">
          <MaskContent
            title="财富资产业务管理系统"
            content="翔盛悦资产管理业务系统基于对银行传统资产管理业务的理解，以翔盛悦自主研发技术平台为基础，从资管产品的前期涉及和收益测算，到资产投资的交易全流程，再到中台的限额和风控，进而到后台的账目核算管理，为资产管理业务的各个环节提供一站式财富资产管理服务平台，协助商业银行、资产管理公司、保险公司等大型金融机构提高资产管理业务创新能力。从事资管行业的各类银行、企业可围绕各类金融资产全生命周期的各阶段进行管理，适合开展互联网理财业务公司快速推出理财产品的需求，即可对接标准金融产品，也可对接非标产品，灵活实现资产配置。"
          />
        </div>
      </div>

      <system-introduce :systemData="systemData" :introduceImg="introduceImg" phoneView="width: 40%;" />

      <div class="system-overview_wrapper">
        <custom-caption class="customer_caption" title="系统截图" content="" />
        <system-overview :systemImgData="systemImgData" />
      </div>

      <Footer />
    </el-main>
  </el-container>
</template>

<script>
import Header from "../../components/header/Header";
import MaskContent from "../../components/MaskContent";
import SystemIntroduce from "./components/systemIntroduce";
import CustomCaption from "../../components/CustomCaption";
import SystemOverview from "./components/systemOverview";
import Footer from "../../components/footer/Footer";

export default {
  name: "onlineCarRental",
  components: {
    Header,
    MaskContent,
    SystemIntroduce,
    CustomCaption,
    SystemOverview,
    Footer
  },
  data() {
    return {
      systemData: [
        {
          functionsName: "系统特色",
          functionsDes: [
            "系统特色方面，翔盛悦财富资产业务管理系统运行安全稳定，保证7*24小时稳定运行，使用SOA模块化编程方法，高内聚、低耦合特点，除了能够实现功能模块在统一平台结构上的“插拔式”组合，还能使系统拥有更高的扩展性以及灵活性。"
          ]
        }
      ],
      introduceImg: require("../../assets/image/wealthAssets/Clay_White.png"),
      systemImgData: [
        {
          imgUrl: require("../../assets/image/wealthAssets/资产管理业务系统1.png")
        },
        {
          imgUrl: require("../../assets/image/wealthAssets/资产管理业务系统2.png")
        },
        {
          imgUrl: require("../../assets/image/wealthAssets/资产管理业务系统3.png")
        },
        {
          imgUrl: require("../../assets/image/wealthAssets/资产管理业务系统4.png")
        }
      ]
    };
  },
  created() {},
  mounted() {},
  methods: {}
};
</script>

<style scoped lang="scss">
.banner {
  position: relative;
}
.banner_bg {
  content: url("../../assets/image/operatingLoan/banner.png") !important;
  width: 100%;
}

.customer_banner_wrap {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.system-overview_wrapper {
  background-color: $gray_bgc;

  .customer_caption {
    text-align: center;
    margin-top: 40px;
  }
}

/**
移动端样式
 */
@media screen and (max-width: $mobile_width) {
  .banner_bg {
    content: url("../../assets/image/operatingLoan/banner_m.jpg") !important;
    min-height: 200px;
  }
}
</style>
